<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div id="wrap">
        <div class="header">
            <div class="left">
                <img src=""
                    alt="">
                <span>北京</span>
                <img src="https://static.meituan.net/bs/myfe/wxapp/file/images/show/common/arrow-down.png" alt="">
            </div>
            <div class="right">
                <img src="https://static.meituan.net/bs/myfe/wxapp/file/images/show/common/search-icon.png" alt="">
                <span>找明星、演出、场馆</span>
            </div>
        </div>
        <div class="list">
            <ul>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/2c2ed657fdc197f3178e7277509a123f15574.png@180w_180h_1c_1e"
                            alt="">
                        <p>演唱会</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/1182f413436e1be683bfc19e11807fb814210.png@180w_180h_1c_1e"
                            alt="">
                        <p>话剧歌剧</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/6e164020eff32939b6eaf8192447bce813189.png@180w_180h_1c_1e"
                            alt="">
                        <p>休闲展览</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/8e78d59f11d7e59e176c4c8e9218fd0f14719.png@180w_180h_1c_1e"
                            alt="">
                        <p>相声戏曲</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/a339eca8b1453a09048cbe97ff520ce212741.png@180w_180h_1c_1e"
                            alt="">
                        <p>亲子艺术</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/2c2ed657fdc197f3178e7277509a123f15574.png@180w_180h_1c_1e"
                            alt="">
                        <p>音乐节</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/1182f413436e1be683bfc19e11807fb814210.png@180w_180h_1c_1e"
                            alt="">
                        <p>音乐会</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/6e164020eff32939b6eaf8192447bce813189.png@180w_180h_1c_1e"
                            alt="">
                        <p>舞蹈芭蕾</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/8e78d59f11d7e59e176c4c8e9218fd0f14719.png@180w_180h_1c_1e"
                            alt="">
                        <p>电竞赛事</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/a339eca8b1453a09048cbe97ff520ce212741.png@180w_180h_1c_1e"
                            alt="">
                        <p>剧本杀</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/6e164020eff32939b6eaf8192447bce813189.png@180w_180h_1c_1e"
                            alt="">
                        <p>体育赛事</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/8e78d59f11d7e59e176c4c8e9218fd0f14719.png@180w_180h_1c_1e"
                            alt="">
                        <p>演出直播</p>
                    </a>
                </li>
                <li>
                    <a href="./演唱会.html">
                        <img src="https://img.meituan.net/kylisean/a339eca8b1453a09048cbe97ff520ce212741.png@180w_180h_1c_1e"
                            alt="">
                        <p>其他</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="qiang">
            <img src=""
                alt="">
            <div>
                <span>更多必抢</span>
                <img src="https://static.meituan.net/bs/myfe/wxapp/file/images/show/common/arrow-right.png" alt="">
            </div>
        </div>
        <div class="img-area">
            <div class="top">
                <img src="https://p0.meituan.net/myvideodistribute/09e4c0456065802e24f4667276606b2852491.jpg@220w_294h_1c_1e"
                    alt="">
                <div class="zhuliye">
                    <div>
                        <p>经典法语音乐剧《罗密欧与朱丽叶》中文版</p>
                        <p>北京 天桥艺术中心</p>
                    </div>
                    <div>
                        <div>即将开抢</div>
                        <div>
                            <span>去预约</span>
                            <img src="https://p0.meituan.net/scarlett/4f39d6e743b0548ca04898912f1ad888329.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
            <ul class="middle">
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/2b5e31b3d1b2477e652ce1c3618604b6609242.png@220w_294h_1c_1e"
                        alt="">
                    <div>
                        <img src="https://p0.meituan.net/scarlett/fe4f7ed065dfa4f6832187ae6aca956b954.png" alt="">
                        <span>火热抢票中</span>
                    </div>
                    <div>【濮存昕、龚丽君、邹健等主演】话剧：《李白》—北京人民艺术剧院演出</div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/a88f00580d6098ca2324fc60b67572c22737347.png@220w_294h_1c_1e"
                        alt="">
                    <div>
                        <img src=""
                            alt="">
                        <span>9折起</span>
                    </div>
                    <div>《三里屯脱口秀》大笑喜剧周末开心吐槽爆笑解压专场</div>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviesh/55df6f958581d705915890b2d6cb2c4465991.jpg@220w_294h_1c_1e"
                        alt="">
                    <div>
                        <img src=""
                            alt="">
                        <span>本周演出</span>
                    </div>
                    <div>开心麻花2021奇幻爆笑年底大戏《变身怪杰》</div>
                </li>
            </ul>
            <!-- 焦点图 轮播图 -->
            <div class="bottom">
                <ul class="focus">
                    <li>
                        <img src="https://img.meituan.net/kylisean/8ff99fd97b3cdd459b169c3224f5f5ac184296.jpg@1035w_180h_1c_1e"
                            alt="">
                    </li>
                    <li>
                        <img src="https://img.meituan.net/kylisean/1cd5efdd4a6df0f7acd9df7f0128f6de83978.jpg@1035w_180h_1c_1e"
                            alt="">
                    </li>
                    <li>
                        <img src="https://img.meituan.net/kylisean/46355592abd3ed942176e3ea0a0c2dd2172290.jpg@1035w_180h_1c_1e"
                            alt="">
                    </li>
                    <li>
                        <img src="https://img.meituan.net/kylisean/8ff99fd97b3cdd459b169c3224f5f5ac184296.jpg@1035w_180h_1c_1e"
                            alt="">
                    </li>
                    <li>
                        <img src="https://img.meituan.net/kylisean/1cd5efdd4a6df0f7acd9df7f0128f6de83978.jpg@1035w_180h_1c_1e"
                            alt="">
                    </li>
                </ul>
                <ol>
                    <li class="current"></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
        </div>
        <div class="daka">大咖新动态</div>
        <div class="star-list">
            <ul id="stye">
                <li>
                    <img src="https://p0.meituan.net/moviemachine/5c7a2cd79155298192682c16ff044833170782.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>黄龄</p>
                    <p>演唱会抢票</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/movie/f6faac7f73540b3b084f1cc421df2b7e15612.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>马克西姆</p>
                    <p>巡演城市预约</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviemachine/0fcf1799a25ecee6f32489a24f7ab01239204.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>高晓攀</p>
                    <p>相声抢票</p>
                </li>
                <li>
                    <img src="https://p1.meituan.net/moviemachine/7ee0bfc58574ecff92c257e10cbe97f486395.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>二手玫瑰</p>
                    <p>抢票倒计时</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviemachine/5c7a2cd79155298192682c16ff044833170782.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>黄龄</p>
                    <p>演唱会抢票</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/movie/f6faac7f73540b3b084f1cc421df2b7e15612.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>马克西姆</p>
                    <p>巡演城市预约</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviemachine/0fcf1799a25ecee6f32489a24f7ab01239204.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>高晓攀</p>
                    <p>相声抢票</p>
                </li>
                <li>
                    <img src="https://p1.meituan.net/moviemachine/7ee0bfc58574ecff92c257e10cbe97f486395.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>二手玫瑰</p>
                    <p>抢票倒计时</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviemachine/5c7a2cd79155298192682c16ff044833170782.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>黄龄</p>
                    <p>演唱会抢票</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/movie/f6faac7f73540b3b084f1cc421df2b7e15612.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>马克西姆</p>
                    <p>巡演城市预约</p>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviemachine/0fcf1799a25ecee6f32489a24f7ab01239204.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>高晓攀</p>
                    <p>相声抢票</p>
                </li>
                <li>
                    <img src="https://p1.meituan.net/moviemachine/7ee0bfc58574ecff92c257e10cbe97f486395.jpg@100w_100h_1c_1e"
                        alt="">
                    <p>二手玫瑰</p>
                    <p>抢票倒计时</p>
                </li>
            </ul>
        </div>
        <div class="look">什么值得看</div>
        <div class="recommed">
            <ul id="sty">
                <li class="one">
                    <div>
                        <p>本月必看榜</p>
                        <p>精彩演出看这里</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/moviesh/1b9e042c67bef66d00436ef88b58d3d153688.webp@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="two">
                    <div>
                        <p>周末看什么</p>
                        <p>跟小喵去现场</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/myvideodistribute/1bd1a3e6898fed5ba37b9251295ae737994225.jpg@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="three">
                    <div>
                        <p>开心麻花</p>
                        <p>快乐一整年</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/moviesh/85e3ceaa0b705886d3dbcd89ba1e8902205302.jpg@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="one">
                    <div>
                        <p>本月必看榜</p>
                        <p>精彩演出看这里</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/moviesh/1b9e042c67bef66d00436ef88b58d3d153688.webp@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="two">
                    <div>
                        <p>周末看什么</p>
                        <p>跟小喵去现场</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/myvideodistribute/1bd1a3e6898fed5ba37b9251295ae737994225.jpg@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="three">
                    <div>
                        <p>开心麻花</p>
                        <p>快乐一整年</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/moviesh/85e3ceaa0b705886d3dbcd89ba1e8902205302.jpg@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="one">
                    <div>
                        <p>本月必看榜</p>
                        <p>精彩演出看这里</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/moviesh/1b9e042c67bef66d00436ef88b58d3d153688.webp@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="two">
                    <div>
                        <p>周末看什么</p>
                        <p>跟小喵去现场</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/myvideodistribute/1bd1a3e6898fed5ba37b9251295ae737994225.jpg@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
                <li class="three">
                    <div>
                        <p>开心麻花</p>
                        <p>快乐一整年</p>
                    </div>
                    <div>
                        <img src="https://p0.meituan.net/moviesh/85e3ceaa0b705886d3dbcd89ba1e8902205302.jpg@200w_266h_1c_1e"
                            alt="">
                    </div>
                </li>
            </ul>
        </div>
        <div class="tuijian">为你推荐</div>
        <div class="show">
            <ul class="left" id="xjl">
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/2498fa032ff6dd67825e8c47b280b219695809.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p0.meituan.net/myvideodistribute/f2fe183ad39950ae954df09f0a5e8ff5411259.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 安藤忠雄全球巡回展中国北京站 · 青春</div>
                    <div>
                        <span>9.1</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥150</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/a88f00580d6098ca2324fc60b67572c22737347.png@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 《三里屯脱口秀》大笑喜剧周末开心吐槽爆笑解压专场</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥100</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviesh/55df6f958581d705915890b2d6cb2c4465991.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 开心麻花2021奇幻爆笑年底大戏《变身怪杰》</div>
                    <div>
                        <span>8.6</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥10</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/2498fa032ff6dd67825e8c47b280b219695809.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p0.meituan.net/myvideodistribute/f2fe183ad39950ae954df09f0a5e8ff5411259.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 安藤忠雄全球巡回展中国北京站 · 青春</div>
                    <div>
                        <span>9.1</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥150</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/a88f00580d6098ca2324fc60b67572c22737347.png@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 《三里屯脱口秀》大笑喜剧周末开心吐槽爆笑解压专场</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥100</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p0.meituan.net/moviesh/55df6f958581d705915890b2d6cb2c4465991.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 开心麻花2021奇幻爆笑年底大戏《变身怪杰》</div>
                    <div>
                        <span>8.6</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥10</span><span>起</span>
                    </div>
                </li>

            </ul>
            <ul class="right">
                <li class="short">
                    <img src="https://img.meituan.net/kylisean/3041bd91645652e0f8c4b226bb40468c124405.jpg" alt="">
                </li>
                <li class="short">
                    <img src="https://img.meituan.net/kylisean/c7d966cff53b85ced796367b2bcd13b842887.jpg" alt="">
                </li>
                <li class="short">
                    <img src="https://img.meituan.net/kylisean/b4aaa7340ae4b112fbd0c178f3b426fb174373.jpg" alt="">
                </li>
                <li>
                    <img src="https://p0.meituan.net/myvideodistribute/2c94ebf6c32419cc26519209f7bf26b4232579.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p0.meituan.net/myvideodistribute/84415cffa7df10eb107cbeca3fb65a4a1036132.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/6f33c1e0d1fcba4d8fe3eae011671bca754661.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/2498fa032ff6dd67825e8c47b280b219695809.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/2498fa032ff6dd67825e8c47b280b219695809.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
                <li>
                    <img src="https://p1.meituan.net/myvideodistribute/2498fa032ff6dd67825e8c47b280b219695809.jpg@338w_450h_1c_1e"
                        alt="">
                    <div>[北京] 【十月必看展】“梵高再现Van Gogh Alive”沉浸式光影大展</div>
                    <div>
                        <span>9.5</span><span>★★★★★</span>
                    </div>
                    <div>2021.10.1 - 2022.2.28</div>
                    <div>
                        <span>¥99</span><span>起</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <script>
        // 移动端适配font-size字体大小
        (function () {
            function w() {
                var all = document.documentElement;
                var test = all.getBoundingClientRect().width;
                if (test > 1024) {
                    test = 1024;
                }
                rem = test / 25;
                all.style.fontSize = rem + 'px'
            }
            w();
            window.addEventListener("resize", function () {
                w()
            }, false)
        })();


        // 轮播图功能 
        let bottom = document.querySelector(".bottom")
        let ul = bottom.children[0]
        // 获取focus的宽度
        let w = bottom.offsetWidth
        let aLi = bottom.children[1].children
        let index = 0
        let timer = setInterval(function () {
            ul.style.transition = ".5s"
            aLi[index].classList.remove("current")
            index++

            ul.style.transform = `translateX(${-index * w}px)`
            if (index > 2) {
                index = 0
                // setTimeout(() => {
                //     ul.style.transition = "0s"
                //     ul.style.transform = `translateX(${-index * w}px)`
                // },500)
            }
            aLi[index].classList.add("current")
        }, 3000)


        ul.addEventListener("transitionend", function () {
            if (index > 2) {
                index = 0
            } else if (index < 0) {
                index = 2
            }
            let x = -index * w
            ul.style.transition = "none"
            ul.style.transform = `translateX(${x}px)`
        })

        // 手指滑动轮播图
        let startX = 0
        let moveX = 0
        ul.addEventListener("touchstart", function (e) {
            startX = e.targetTouches[0].pageX
            clearInterval(timer)
        })
        ul.addEventListener("touchmove", function (e) {
            moveX = e.targetTouches[0].pageX - startX
            let x = -index * w + moveX
            ul.style.transition = "none"
            ul.style.transform = `translateX(${x}px)`
        })
        ul.addEventListener("touchend", function () {
            if (Math.abs(moveX) > 130) {
                if (moveX > 0) {
                    index--
                } else {
                    index++
                }
                let x = -index * w
                ul.style.transition = ".5s"
                ul.style.transform = `translateX(${x}px)`
            } else {
                let x = -index * w
                ul.style.transition = ".3s"
                ul.style.transform = `translateX(${x}px)`
            }
        })
        var stye = document.querySelector("#stye")
        var sty = document.querySelector("#sty")
        var middle = document.querySelector(".middle")
        var let = document.querySelector("#xjl")
        var lt= let.children
        var mdl = middle.children
        var st = stye.children
        var sy = sty.children
        console.log(lt);
        for (var i = 0; i < st.length; i++) {
            st[i].onclick = function () {
                window.location.href = "./celebrity艺人主页.html"
            }
        }
        for (var i = 0; i < sy.length; i++) {
            sy[i].onclick = function () {
                window.location.href = "./list榜单.html"
            }
        }
        for (var i = 0; i < mdl.length; i++) {
            mdl[i].onclick = function () {
                window.location.href = "./detail详情.html"
            }
        }
        for (var j = 0; j < lt.length; j++) {
            lt[j].onclick = function () {
                window.location.href = "./banner-详情.html"
               
            }
        }
    </script>
</body>

</html>